<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>模版C</title>
    <link rel="stylesheet" href="../css/base.css" />
  </head>
  <body>
    <div class="box"></div>

    <script src="../js/three.js"></script>
    <script type="module">
      import {
        createBaseObj,
        testAnimation,
        createViewController,
        addHelpLine,
      } from '../js/myThree.js'

      const oBox = document.getElementsByClassName('box')[0]
      const { scene, camera, renderer } = createBaseObj(oBox)

      /** 初始 */
      const init = () => {
      addHelpLine(scene)
        drawClassContent()
        animation()
      }

      /** 绘制课程内容 */
      const drawClassContent = () => {
      }

      /** 渲染中 */
      const doSth = () => {}

      const control = createViewController(renderer.domElement, camera)
      const animation = testAnimation({ scene, camera, renderer }, doSth)

      init()
    </script>
  </body>
</html>
